<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv=“charset” content=“utf-8”>
    <link rel="stylesheet" href="ToDoList-work.css">
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="ToDoList-work.js"></script>
    <title>ToDoList是一款简易办公软件</title>
  </head>
  <body>
    <form id="myForm">
      <div class="left">
          <div class="id">
            <img class="icon" src="ToDoList完成版\用户 (1).png" alt="加载图片">
            <div class="word" id="idname"></div>
          </div>
         <img  class="search" src="ToDoList完成版\搜索 (2).png" alt="加载图片">
         <div class="mmenuBtn">  
          <div class="list">
             <img class="icon" src="ToDoList完成版\所有事项.png" alt="加载图片">
             <div class="word">清单</div>
             <span class="number" id="numberOflist"></span>
          </div>
          <div class="done">
             <img class="icon" src="ToDoList完成版\完成.png" alt="加载图片">
             <div class="word">完成</div>
             <span class="number"></span>
          </div>
          <div class="out-time">
              <img class="icon" src="ToDoList完成版\过期.png" alt="加载图片">
              <div class="word">过期</div>
              <span class="number"></span>
          </div>
          <div class="todo">
              <img class="icon" src="ToDoList完成版\未完成 (1).png" alt="加载图片">
              <div class="word">未完成</div>
              <span class="number"></span>
          </div>
         </div>
      </div>
      <div class="right">
          <div class="right-head">
              <div id="NowDate" class="NowDate"></div>
              <div class="today">
                  今天
              </div>
          </div>
     <div class="div-content">
        <div name="content" id="work" class="div-css">
          <div class="right-middle">
              <div class="add-list">
                  <div class="list-content" >
                     <div class="word-list">清单</div>
                     <img class="add-icon" id="add-list" type="button"  src="ToDoList完成版\添加 (4).png" alt="加载图片">
                     <div id="list-content" > </div>                     
                  </div>
                  <ol id="todolist" class="todolist"></ol>
              </div>
              <div class="add-item">
                  <div class="item">
                     <div class="word-item">事项</div>
                     <img class="add-icon" id="add-item" type="button"  src="ToDoList完成版\添加 (4).png" alt="加载图片">
                     <div id="item-content" > </div>
                     <div id="tip" class="tip-none"></div> 
                  </div>
                  <ol id="todoitem" class="todolist"></ol>
              </div>  
          </div>
          <div class="right-foot">
              <div class="check-content">
                 <div class="item-content">
                   <div class="word-content">内容</div>
                   <img class="add-icon" id="add-content" src="ToDoList完成版\添加 (4).png" alt="加载图片">  
                   <div id="content_input" > </div>
                   <div id="tip_content" class="tip-content_blue"></div> 
                 </div>
                 <div id="content_word" class="content_style"></div>
              </div>
              <div class="add-remake">
                 <div class="item-remake">
                   <div class="word-remake">备注</div>
                   <div class="time" id="creattime"></div> 
                   <div class="time1" id="donetime"></div>
                   <div class="xianshi" id="inputtime"></div> 
                   <div class="xianshi" id="showtime"></div>   
                 </div>
              </div>
          </div>
        </div>
        <div name="content" class="div-css"> 
            完成功能未实现！          
        </div>
        <div name="content" class="div-css">
            过期功能未实现!            
        </div>
        <div name="content" class="div-css"> 
            未完成功能未实现!          
        </div>
     </div>
    </form>
  </body>
</html>